<template>
  <div class="myHeaderStyle">

<!-- 顶部 header区域 从https://mint-ui.github.io/docs/#/zh-cn2/header拷贝过来 -->
    <mt-header fixed title="我是一个标题"></mt-header>

<!-- 中间路由 router-view 区域 -->
<router-view></router-view>
<!-- 底部 Tabbar 区域 -->
<nav class="mui-bar mui-bar-tab">

  <router-link class="mui-tab-item" to="/home">
    <span class="mui-icon mui-icon-home"></span>
    <span class="mui-tab-label">首页</span>
  </router-link>

   <router-link class="mui-tab-item" to="/huiyuan">
    <span class="mui-icon mui-icon-email">
      <span class="mui-badge">9</span>
    </span>
    <span class="mui-tab-label">会员</span>
  </router-link>

   <router-link class="mui-tab-item" to="shoppingCar">
    <span class="mui-icon mui-icon-contact"></span>
    <span class="mui-tab-label">购物车</span>
  </router-link>

   <router-link class="mui-tab-item" to="/search">
    <span class="mui-icon mui-icon-gear"></span>
    <span class="mui-tab-label">搜索</span>
  </router-link>

</nav>

  </div>
</template>

<script>
</script>


<style lang="scss" scoped>

.myHeaderStyle{
  padding-top: 40px;

}
</style>
